<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./sass/register.css">
    <link rel="stylesheet" href="./bootstrap/css/font-awesome.min.css">
    <link rel="stylesheet" href="./keyboard/hint/collection.css">
    <script src="ajax.js"></script>
    <script>
        !function(e,t){function n(){t.body?t.body.style.fontSize=12*o+"px":t.addEventListener("DOMContentLoaded",n)}function d(){var e=i.clientWidth/10;i.style.fontSize=e+"px"}var i=t.documentElement,o=e.devicePixelRatio||1;if(n(),d(),e.addEventListener("resize",d),e.addEventListener("pageshow",function(e){e.persisted&&d()}),o>=2){var a=t.createElement("body"),s=t.createElement("div");s.style.border=".5px solid transparent",a.appendChild(s),i.appendChild(a),1===s.offsetHeight&&i.classList.add("hairlines"),i.removeChild(a)}}(window,document);
    </script>
</head>
<body>
<div class="container">
    <div class="head">
        <a href="./login.html">
            <i class="fa fa-angle-left fa-2x"></i>
        </a>
        <span>手机号（1/4）</span>
    </div>
    <div class="head_phone">
        <ul>
            <li>
                <span>中国(+86)</span>
                <a href=""><i class="fa fa-angle-right"></i></a>
            </li>
            <li>
                <label for="phone"></label>
                <input type="text" id="phone" class="phone" placeholder="请输入手机号" maxlength="11">
            </li>
        </ul>
    </div>
    <div class="center">
        <a class="nextBtn">下一步</a>
        <div class="center_check">
            <input type="checkbox" id="che">
            <label for="che">
                <i class="fa fa-check-square-o square"></i>
            </label>
            <label for="che" class="che"></label>
            <span>注册表示同意</span>
            <a href="">《相遇用户协议》</a>
        </div>
    </div>
    <div class="btn_num">
        <ul>
            <li>
                <button class="btnNumber">1</button>
                <button class="btnNumber">2</button>
                <button class="btnNumber">3</button>
            </li>
            <li>
                <button class="btnNumber">4</button>
                <button class="btnNumber">5</button>
                <button class="btnNumber">6</button>
            </li>
            <li>
                <button class="btnNumber">7</button>
                <button class="btnNumber">8</button>
                <button class="btnNumber">9</button>
            </li>
            <li>
                <button class="btnNumber">#</button>
                <button class="btnNumber">0</button>
                <button class="del">
                    <img src="img/del.png" alt="">
                </button>
            </li>
        </ul>
    </div>
    <div class="btn_footer">
    <ul class="footer">
        <li>
            <a href="" class="return">返回登录</a>
        </li>
        <li>
            <a href="" class="watch">随便看看</a>
        </li>
    </ul>
        <span class="footer_or">OR</span>
    </div>
</div>

<script src="./keyboard/hint/collection.js"></script>
<script src="./script/register.js"></script>
</body>
</html>